<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/lr-head.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/lr-footer.css">
</head>
<body>
    <div class="wrap">
        <!-- header  -->
        <div class="head">
            <div class="head-main">
                <a href="index.html" class="fl logo">
                    <img src="images/login-logo.png" alt="">
                </a>
                <a href="javascript:void(0);" class="fr contact">
                    <i class="ico"></i>联系我们
                </a>
            </div>
        </div>

        <!-- center  -->
        <div class="center">
            <img src="images/login-bg.jpg" alt="">
            <div class="center-main">
                <div class="login-wrap">
                    <h1 class="login-top">还没有帐号？
                        <a href="registers.html">立即注册</a>
                    </h1>
                    <h2 class="login-title">登录</h2>
                    <form class="login-form">
                        <!-- 手机号 -->
                        <div class="formInfo">
                            <input type="text" id="username" placeholder="请输入您的手机号或邮箱地址">
                            <i class="user-icon"></i>
                        </div>
                        <!-- 密码 -->
                        <div class="formInfo">
                            <input type="text" id="password" placeholder="请输入您的密码">
                            <i class="pass-icon"></i>
                        </div>
                        <div class="memory">
                            <div class="memory-box fl">
                                <input type="checkbox">记住帐号
                            </div>
                            <a href="javascript:void(0);" class="fr forget">忘记密码？</a>
                        </div>
                        <!-- 登录按钮 -->
                        <div id="login">登录</div>
                    </form>
                </div>
            </div>
        </div>

        <!-- footer  -->
        <div class="footer">
            <p>地址：广东省深圳市福田区天安数码城天发大厦AB座6楼　客服热线：400-8866-380</p>
            <p>深圳市百能信息技术有限公司版权所有
                <a href="javascript:void(0);">粤ICP备11006890号</a>
            </p>
        </div>
    </div>
</body>
<script src="libs/jquery.js"></script>
<script src="dist/js/login.js"></script>
</html>